html,
body {
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Source Han Sans', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: linear-gradient(180deg, #f3f3f3, #ffffff);
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 10px; /* 垂直滚动条宽度 */
  height: 10px; /* 水平滚动条高度 */

  &-track {
    background: #f1f1f1; /* 轨道背景色 */
    border-radius: 10px;
  }

  &-thumb {
    background: #9e9e9e; /* 滑块背景色 */
    border-radius: 10px;
    border: 2px solid #f1f1f1; /* 滑块内边距效果 */

    &:hover {
      background: #555;
    }

    &:active {
      background: #555;
    }
  }
}
